<!-- From Uiverse.io by Shubh0408  - Tags: button, toggle, click effect, toggle switch, tailwindbutton -->
<label
  class="w-16 h-8 bg-black shadow-inner rounded-full flex justify-around items-center overflow-hidden outline outline-2 outline-offset-2"
>
  <input class="peer hidden" type="checkbox" />
  <div
    class="w-6 h-6 flex justify-center items-center text-white bg-black border-[2px] duration-500 rounded-full peer-checked:translate-y-8"
  ></div>
  <div
    class="w-6 h-6 flex justify-center items-center text-white duration-500 rounded-full -translate-y-8 peer-checked:translate-y-0 rotate-90"
  >
    𝝞
  </div>
</label>


    